<link rel="stylesheet" href="css/cases_detail.css">
    

    <!-- 分类 -->
    <section>
        <div class="container classify">
            <div class="row">
                <ul>
                    <li class="active"><a href="">全部作品</a href=""></li>
                    <li><a href="">设计作品</a></li>
                    <li><a href="">面膜设计</a></li>
                </ul>
            </div>
        </div>
    </section>

    <!-- 路径导航 -->
    <section>
        <div class="container">
            <div class="row">
                <ol class="path">
                    <li><a href="#">所在位置</a></li>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">案例</a></li>
                    <li><a href="#">梵漾</a></li>
                </ol>
            </div>
        </div>
    </section>

    <!-- 产品展示 -->
    <section>
        <div class="container show">
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="tit-top">
                        <h3>【梵漾】广告案例</h3>
                    </div>
                </div>
                <div class="show-list col-xs-12 active">
                    <a href=""><img src="./images/case_detail/case_detail_01.jpg" class="center-block img-responsive"
                            alt=""></a>
                    <p class="text-center">
                        自然主义养护引领者。受佛教梵文《华严经》启示,从自然万物中的花叶.木顿悟真谛,遵循自然万物、肌肤细胞更新循环周期,以养生]的理念调理肌肤.倡导禅学养生文化:心中清静,万物归苏。Keyword
                        :广州化妆品包装设计化妆品品牌策划面膜设计</p>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="logo-tit">
                        <h3>LOGO 设计</h3>
                    </div>
                </div>
                <div class="logo-des col-xs-12">
                    <h3 class="text-center">一、中文字体设计</h3>
                    <a href=""><img src="./images/case_detail/case_detail02.jpg" class="center-block img-responsive"
                            alt=""></a>
                    <p class="text-center">去掉一些形式,凸显记忆点,选用一款黑体字作为原型 .在黑体的基础上采用矩形造字法搭建字体骨骼和结构。</p>
                </div>
                <div class="logo-des col-xs-12">
                    <h3 class="text-center">二、中英文结合文字体设计</h3>
                    <a href=""><img src="./images/case_detail/case_detail_03.jpg" class="center-block img-responsive"
                            alt=""></a>
                    <p class="text-center">标志的两张组合形式, -中采用笔画的连笔跟英文组合, -种采用中英文横排的方式。</p>
                </div>
                <div class="logo-des col-xs-12">
                    <h3 class="text-center">三、标准英文字体设计</h3>
                    <a href=""><img src="./images/case_detail/case_detail_04.jpg" class="center-block img-responsive"
                            alt=""></a>
                    <p class="text-center">标志的英文采用Copperplate Gothic是Frederic W.Goudy于1901年所创造的字型,虽然它归类为无村线字体，
                        不过在笔画的尾端有微小的村线装饰,这种村线装饰与中文设计相协调,能给好的配合中文字体的造型。
                    </p>
                </div>
                <div class="logo-des col-xs-12">
                    <h3 class="text-center">四、标志设计</h3>
                    <a href=""><img src="./images/case_detail/case_detail_05.jpg" class="center-block img-responsive"
                            alt=""></a>
                </div>
                <div class="logo-des col-xs-12">
                    <h3 class="text-center">五、设计成品</h3>
                    <a href=""><img src="./images/case_detail/case_detail_6.jpg" class="center-block img-responsive"
                            alt=""></a>
                </div>
                <div class="logo-des col-xs-12">
                    <h3 class="text-center">六、产品延伸展示</h3>
                    <a href=""><img src="./images/case_detail/case_detail_7.jpg" class="center-block img-responsive"
                            alt=""></a>
                    <a href=""><img src="./images/case_detail/case_detail_8.jpg" class="center-block img-responsive"
                            alt=""></a>
                    <a href=""><img src="./images/case_detail/case_detail_9.jpg" class="center-block img-responsive"
                            alt=""></a>
                </div>
            </div>
        </div>
    </section>

    <!-- 分页 -->
    <section>
        <div class="container page">
            <div class="row">
                <ul class="center-block">
                    <li class="before"><a href="">gogo下架 上一页</a></li class="next">
                    <li class="next"><a href="">下一页 lolo产品上市</a></li>
                </ul>
            </div>
        </div>
    </section>

   
    <script>
        $(function () {
            $('.my-nav ul li').mouseenter(function () {
                $(this).addClass('active').siblings().removeClass('active');
            })
            $('.classify ul li').mouseenter(function () {
                $(this).addClass('active').siblings().removeClass('active');
            })
        })
    </script>